@charset "utf-8";
@font-face {
    font-family: "UVNTinTucHepThem";
    src: url("font/UVNTinTucHepThem.eot");
}

@font-face {
    font-family: "UVNTinTucHepThem";
    src: url("font/UVNTinTucHepThem.TTF");
}

@font-face {
    font-family: "Myriadpro-bold";
    src: url("font/MYRIADPRO-BOLD.OTF");
}
@font-face {
    font-family: "Myriadpro-cond";
    src: url("font/MYRIADPRO-COND.OTF");
}
@font-face {
    font-family: "Myriadpro-it";
    src: url("font/MYRIADPRO-IT.OTF");
}
@font-face {
    font-family: "Myriadpro-SEMIBOLD";
    src: url("font/MYRIADPRO-SEMIBOLD.OTF");
}
@font-face {
    font-family: "Myriadpro-REGULAR";
    src: url("font/MYRIADPRO-REGULAR.OTF");
}
@font-face {
    font-family: "abc";
    src: url("font/abc.ttf");
}

body{
	width: 100%;
	background: url('images/background.png') repeat;
	margin: 0;
	padding:0;
	font-size: 12px;
	font-family: UVNTinTucHepThem,Tahoma,Geneva,sans-serif;
	letter-spacing: 1px;
}
ul,li{
	margin:0;
	padding:0;
}
#page{
	width: 960px;
	height: 1000px;
	margin: 0 auto;
	background: transparent;
}
.layout-main-header{
    float: left;
    padding: 20px 15px;
    width: 930px;
    background: url('images/bg-header.png') 0 0 repeat-x;
    height: 40px;
}
.logo{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}
.user-activities{
	float: right;
}
form.form-login input[type="text"], form.form-login input[type="password"]{
	height: 12px;
	padding: 5px;
	border: 1px #333 solid;
	border-radius:0;
	float:left;
	margin-right: 10px;
	width: 130px;
	font-size: 10px;
}
.form-login .btn-login{
    background-color: #1B76BA;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-family: UVNTinTucHepThem;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    letter-spacing: 1px;
    margin-left: 5px;
    padding-bottom: 3px;
}
.form-login .link-register{
    background-color: #7FB53B;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 21px;
    letter-spacing: 1px;
    line-height: normal;
    margin-left: 5px;
    padding: 2px 8px 1px;
    text-decoration: none;
}
.form-login .row label{
    color: #666666;
    float: left;
    font-size: 9px;
    cursor: pointer;
}
.form-login .row label input[type="checkbox"]{
    height: 13px;
    margin: 5px 0 0;
}
.form-login .link-forgot-password{
    color: #666666;
    float: left;
    font-size: 9px;
    margin-left: 20px;
    margin-top: 7px;
    text-decoration: none;
}
.form-login .link-forgot-password:hover{
	text-decoration: underline;
}
.globalbar{
	float: left;
	margin-left: -5px;
	background-color: #1c72ba;
	width: 970px;
}
.globalbar ul.menu{
	margin-left: 5px;
	float:left;
	width: 960px;
}
.globalbar ul li{
	list-style: none;
	display: inline;
}
.li-promotion{
	position: relative;
}
.triangle{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #1C72BA;
    height: 0;
    left: 40%;
    position: absolute;
    top: 39px;
    width: 0;
    z-index: 99;
}
.globalbar ul li .menu-promotion{
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 44px;
    width: 960px;
    background: url('images/bg-menu.png') 0 0 repeat;
	height: 33px;
	font-family: Tahoma;
}
.globalbar ul li.lv1{
	color:#fff;
	font-size: 17px;
	padding: 7px 20px;
	float:left;
}
.globalbar ul li.lv1 a{
	color:#fff;
	text-decoration: none;
	font-weight: bold;
}
.globalbar ul li ul li{
    border-left: 1px solid #E8E7E7;
    border-right: 1px solid #AEAEAE;
    display: inline;
    float: left;
    padding: 5px 15px;
}
.globalbar ul li ul li:last-child{
	border-right:none;
	padding-right: 5px;
}
.globalbar ul li ul li:first-child{
	padding-left: 25px;
}
.globalbar ul li.lv1 ul li a{
	color:#333;
	font-family: tahoma;
	letter-spacing: -1px;
	font-size: 13px;
}
.separator-menu {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #196BA3;
    float: left;
    height: 0;
    margin-left: -5px;
    width: 960px;
}
.hightlight-products{
	width: 100%;
	float: left;
	margin-top: 47px;
}
.one-hight-product{
	float: left;
	width: 475px;
    margin-right: 10px;
    background: url('images/bg-hot-product-y.png') 0 0 repeat-y;
    position: relative;
}
.one-hight-product:last-child{
	margin-right: 0;
}
.one-hight-product .img-product{
	float: left;
}
.one-hight-product .img-product img{
	width: 475px;
	height: 230px;
}
.one-hight-product .img-company{
	float: left;
}
.one-hight-product .img-company img{
	width: 159px;
	height: 105px;
}
.one-hight-product .desc-product{
    float: left;
    font-size: 14px;
    padding: 15px 10px 10px;
    width: 293px;
}
.one-hight-product .desc-product .name{
	font-size: 17px;
}
.one-hight-product .desc-product .name .time{
	font-size: 13px;
}
.color-red{
	color:#c1272d;
}
.one-hight-product .desc-product ul{
	margin-left: 12px;
}
.one-hight-product .desc-product .view-detail{
	float:right;
	text-decoration: none;
	color:#fff;
	background-color:#c1292c ;
	padding: 0 5px;
	margin-top: 7px;
}
.one-hight-product .sell-off{
    background: url("images/all-button.png") no-repeat scroll -5px -51px transparent;
    height: 74px;
    left: -8px;
    position: absolute;
    top: -8px;
    width: 79px;
}
.one-hight-product .sell-off div{
    -webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform: rotate(-45deg);
	color:#f2f2f2;
	font-size: 17px;
	margin-top: 5px;
}
.more-products{
	float: left;
	width: 100%;
}
.more-products .product{
	float: left;
	margin-top: 10px;
	background: url('images/bg-product.png') 0 0 repeat;
	width: 315px;
	min-height: 320px;
	position: relative;
}
.more-products .product .img-product{
	float: left;
}
.more-products .product .sell-off{
    background: url("images/all-button.png") no-repeat scroll -5px -140px transparent;
    color: #EDEDED;
    font-size: 17px;
    height: 68px;
    left: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 41px;
}
.more-products .product .img-product img{
	width: 315px;
	height: 160px;
}
.more-products .product .desc{
	float: left;
	padding: 10px 5px;
}
.more-products .product .desc  .top{
	float: left;
	width: 305px;
	border-bottom: 1px dashed #333;
	padding-bottom: 5px;
}
.more-products .product .desc  .top img{
	float: left;
	width: 110px;
}
.more-products .product .desc  .top div{
	float: left;
	width: 195px;
	margin-top: -5px;
}
.more-products .product .desc  .top div p{
	margin: 0;
}
.more-products .product .desc  .top div p.name{
	font-size: 17px;
	font-weight: bold;
}
.more-products .product .desc .bottom{
	float:left;
	width: 305px;
}
.more-products .product .desc .bottom ul{
	font-size: 14px;
    margin-left: 15px;
    margin-top: 10px;
}
.view-more{
    background-color: #1974B8;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: UVNTinTucHepThem;
    font-size: 17px;
    margin-top: 20px;
    padding: 0 10px;
}
#footer{
	width: 100%;
	float:left;
	margin-top: 70px;
}
#footer .main{
	width: 960px;
	margin: auto;
}
#footer .menu{
	background-color: #176399;
	height: 55px;
	float:left;
	width: 100%;
}
#footer .menu ul li{
    display: inline;
    float: left;
    font-size: 17px;
    list-style: none outside none;
    padding-right: 50px;
    padding-top: 15px;
}
#footer .menu ul li a{
	color:#fff;
	text-decoration: none;
}
#footer .menu ul li a:hover{
	text-decoration: underline;
}
#footer .menu .main{
	position: relative;
}
#footer .menu .back-to-top{
	position: absolute;
	background: url('images/all-button.png') -58px  -123px no-repeat;
	height: 70px;
	width: 75px;
	top: -20px;
	right: 0;
	cursor: pointer;
}
#footer .contact-info{
	float: left;
	width: 100%;
	background-color: #1974bb;
	color:#fff;
	padding: 20px 0;
}
#footer .contact-info p{
	margin: 5px 0;
	font-size: 14px;
}
#footer .contact-info .follow{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#footer .contact-info .follow a{
	float: left;
	margin-right: 5px;
}
#footer .contact-info .follow span{
	margin-right: 15px;
	margin-top:3px;
	float:left;
}
.icon-facebook{
	background: url('images/all-button.png') -67px -4px;
	height: 27px;
	width: 27px;
	float:left;
}
.icon-twitter{
	background: url('images/all-button.png') -103px -3px no-repeat;
	height: 26px;
	width: 26px;
	float:left;
}
.icon-in{
	background: url('images/all-button.png') -138px -3px no-repeat;
	height: 26px;
	width: 26px;
	float:left;
}
.icon-gp{
	background: url('images/all-button.png') -171px -3px no-repeat;
	height: 26px;
	width: 28px;
	float:left;
}
.icon-g{
	background: url('images/all-button.png') -209px -3px no-repeat;
	height: 26px;
	width: 26px;
	float:left;
}
.color-green{
	color: #80b33d;
}
#footer .contact-info p.color-green{
	font-size: 17px;
}
.globalbar .menu-promotion .filter{
	float: right;
	margin-top: 2px;
}
.globalbar .menu-promotion .filter .location{
	float: left;
	background-color: #eee;
}
.globalbar .menu-promotion .filter .location span{
	float:left;
}
.globalbar .menu-promotion .filter .location span.icon-location{
    background: url("images/all-button.png") no-repeat scroll -4px -5px transparent;
    height: 20px;
    width: 26px;
}
.globalbar .menu-promotion .filter .location span.detail-location{
    color: #333333;
    font-size: 9px;
    padding: 3px 5px;
}
.globalbar .menu-promotion .filter .filter-view{
	background-color: #eee;
	float:left;
	margin-left: 10px;
	font-size: 9px;
	color:#333;
}
.globalbar .menu-promotion .filter .filter-view .icon-filter{
    background: url("images/all-button.png") no-repeat scroll -30px -5px transparent;
    height: 20px;
    width: 20px;
    float: left;
}
.globalbar .menu-promotion .filter .filter-view .selected-filter{
	float: left;
	padding: 3px 5px;
}
.globalbar .menu-promotion .filter form{
	float: left;
	margin-left: 10px;
}
.globalbar .menu-promotion .filter form input[type="text"]{
    background-color: #EEEEEE;
    float: left;
    height: 11px;
    margin-top: -1px;
    width: 110px;
}
.icon-search{
    background: url("images/all-button.png") no-repeat scroll -5px -29px transparent;
    height: 13px;
    width: 13px;
    float: left;
}
.globalbar .menu-promotion .filter form .icon-search{
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}